import { defineView } from "@/routers/tools.mjs";

/**
 * @type {DefineView}
 */
const MzModalDropDownView = defineView({
  controller: class {
    static $inject = ["$scope"];

    /**
     * @param {ng.IScope} $scope
     */
    constructor($scope) {
      this.$scope = $scope;
      console.log("mzModalDropDownView", this.$scope);
    }

    handleClick() {
      console.log("mzModalDropDownView", this.$scope);
    }
  },
  controllerAs: "$view",
  template: /* HTML */ html`
    <div>
      <div role="button" class="btn btn-default" mz-modal-toggle>
        mz-modal-toggle
      </div>
    </div>
    <div $view>${DebugButtonHTML("$view")}</div>
  `,
});

export default MzModalDropDownView;

if (import.meta.webpackHot) {
  import.meta.webpackHot.accept();
}
